* {
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
}

#main{
  position: relative;
  width: 80%;
  height: 100%;
  margin: 0 auto;
  border: 1px solid #BBBBBB;
  min-width: 800px;
  min-height: 761px;
}

#header{
  width: 72.5%;
  height: 6.8%;
  background-color: #D8D8D8;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

#tips{
  color: #333333;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}

#content{
  width: 72.5%;
  height: 65%;
  // background-color: #E8E9E8;
  margin: 0 auto;
}

.clearfix{
  clear: both;
  display: table;
  content: " ";
}

/*灰色*/
#steps {
  background-color: #E8E9E8;
  color: #898989;
  font-size: 16px;
}

/*
正在的颜色
 */
.stepf{
  color: #292D4A;
}

/*
已经完成的颜色
 */
.steps{
  color: #1A1A1E;
}

.stept{
   color: #898989;
}

#steps ul{
  float: left;
  width: 100%;
  margin: 10px 0px;
}

#steps ul li{
  float: left;
  width: 25%;
  display: inline-block;
  text-align: center;
}

.circle{
  display: inline-block;
  width:12px;
  height:12px;
  background-color:#56A0EC;
  border-radius:6px;
  text-align: center;
  margin-right: 5px;
}

.circle2{
  display: inline-block;
  width:12px;
  height:12px;
  background-color:#D1D1D1;
  border-radius:6px;
  text-align: center;
  margin-right: 5px;
}


#show{

  background-color: #E8E9E8;
  width: 100%;
  height: 76.5%;
}

.show_template{
  overflow: auto;
  width: 98.5%;
  height: 97%;
  margin: 0 auto;
  background-color: white;
}

.button{
  background-color: #C3C8CD;
  color: #55564F;
  font-size: 24px;
  height: 32px;
  width: 80px;
  text-align: center;
  line-height: 32px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 30px;
}
.button a{
  text-decoration: none;
  color: #55564F;
}
#footer{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 18.4%;
  background-color: #DADFE4;
}
.highlight {
  background-color: #FF9900;
}
